<template>
  <div class="chart34">
    <chart3 style="height: 100%;" @changeYear="changeYear" />
    <chart4 style="height: 100%;" :searchYear="year" />
  </div>
</template>

<script>
import chart3 from './chart3.vue';
import chart4 from './chart4.vue';

export default {
  components: {
    chart3,
    chart4
  },
  data() {
    return {
      year: ''
    }
  },
  methods: {
    changeYear(year) {
      this.year = year;
    }
  },

}
</script>

<style lang="scss" scoped>
.chart34 {
  display: flex;
  gap: 10px;
  height: 100%;
}
</style>
